
@font-face {
    font-family: 'Cantarell';
    src: url(../fonts/Cantarell-Regular.eot);
    src: local('Cantarell'), url('../fonts/Cantarell-Regular.ttf') format('truetype');
}

.labels{
	font-family:tahoma, "Trebuchet MS", sans-serif, verdana;    
    color: #666666;
    float: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    margin: 23px -25px;
	width:150px;
    
	 
}


input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } 
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

.clear { clear: both; }

#container {
    background: url('../images/container.png') no-repeat;

     
     margin: 20px auto;
     margin-left: 20%;
}





#container h1, #container h2 {
    font-size: Cantarell, Verdana, sans-serif;
    
    font-size: 24px;
    text-shadow: 1px 1px 2px #222;
}
#container h1 span { color: #a90329; }

#container h2 {
    color: #888;
    font-size: 20px;
    text-align: left;
    text-shadow: none;
}


.form1 {
    
    color: #000000;
    border: 1px solid #ccc;
    font-family: Cantarell, Verdana, sans-serif;
    font-weight: bold;
    font-size: 15px;
    padding: 0 25px;
    margin: 10px 0;
    float: left;
    font-size:14;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#container input[type="text"],  .form2 {
    background: url('../images/input.png') no-repeat;
    width: 250px;
    height: 31px;
    
}
select.form3 {
    width: 250px;
    height: 75px;
}

#container input[type="submit"] {
    color: #ffffff;
}

#container input.submit {
  background:url("../images/fondo_boton.png") repeat-x;
    border: none;
    height: 35px;
    width: 85px;
    cursor: pointer;
    
    border: 1px solid  #C0C0C0;
    border-radius: 6px 6px 6px 6px;
    /*box-shadow: 0 1px 0 rgba(237, 237, 237, 0), 3px 3px 8px rgba(0, 0, 0, 0.4) inset;*/
    color: #ffffff;;
    
    
    /*position: relative;*/
    /*bottom: 50px;*/
   /* left: 480px;*/
}
#container input.print {
    background: url('../images/print.png') no-repeat;
    border: none;
    height: 38px;
    width: 40px;
    cursor: pointer;
    
    
    
}
#container input.submit:focus { border: none; }

#container input.send{ background: url('../images/send.png') no-repeat; }

#container input.error { border: 1px solid red; }
#container input.valid { border: 1px solid #1FFF00; }

#container input:focus, #container select:focus {
    border: 1px solid #a90329;
    color: #a90329;
}

#container select { padding: 5px 0 5px 25px; }
#container option { padding: 0 15px; }

#container label {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    float: right;
    margin: 19%;
    width: 75%;
}


#progress_bar {
    background: url('../images/progress_bar.png') no-repeat;
    width: 339px;
    height: 24px;
    margin: 0 auto;
    position: relative;
}

#progress {
    background: url('../images/progress.png') repeat-x;
    width: 0px;
    height: 23px;

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#progress_text {
    position: relative;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px #222;
    width: 339px;
    height: 24px;
    top: -23px;
    left: 0;
}